#debug{ border: 1px dashed red; background: #F6F3F0; padding: 5px; display: none;}
/**************************************
	jamalBuilder CSS
/**************************************/
#fileIncoming{background: #a8c0e2 url(images/add.png) no-repeat 15 15; height:15px; width:450px; padding:15px 15px 15px 50px; border:dashed 2px #383b3e; visibility:hidden; color:#383b3e;}

/**************************************
	Tabs CSS
/**************************************/
 /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.tabs-hide { display: none; }
/* Skin */
.tabs-nav {  list-style: none; margin: 0; padding: 0 0 0 4px;}
/* clearing without presentational markup, IE gets extra treatment */
.tabs-nav:after { display: block; clear: both;  content: " ";}
.tabs-nav li { float: left; margin: 0 0 0 1px; min-width: 84px; /* be nice to Opera */}
.tabs-nav a, 
.tabs-nav a span { display: block; padding: 0 10px;  background: url(tab.png) no-repeat;}
.tabs-nav a { position: relative; top: 1px; z-index: 2; padding-left: 0; color: #27537a;font-size: 12px;font-weight: bold;line-height: 1.2; text-align: center;text-decoration: none; white-space: nowrap; /* required in IE 6 */ }
.tabs-nav .tabs-selected a { color: #000;}
	.tabs-nav .tabs-selected a, 
	.tabs-nav a:hover, 
	.tabs-nav a:focus, 
	.tabs-nav a:active { background-position: 100% -150px; outline: 0; /* prevent dotted border in Firefox */}
	.tabs-nav a, 
	.tabs-nav .tabs-disabled a:hover, 
	.tabs-nav .tabs-disabled a:focus,
	.tabs-nav .tabs-disabled a:active { background-position: 100% -100px;}
	.tabs-nav a span {width: 64px; /* IE 6 treats width as min-width */min-width: 64px; height: 18px; /* IE 6 treats height as min-height */ min-height: 18px; padding-top: 6px; padding-right: 0;}
	.tabs-nav .tabs-selected a span { padding-top: 7px;}
	
	.tabs-nav .tabs-selected a span, 
	.tabs-nav a:hover span, 
	.tabs-nav a:focus span, 
	.tabs-nav a:active span {background-position: 0 -50px;}
	.tabs-nav a span, 
	.tabs-nav .tabs-disabled a:hover span, 
	.tabs-nav .tabs-disabled a:focus span,
	.tabs-nav .tabs-disabled a:active span { background-position: 0 0;}
	.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text;}

.tabs-nav .tabs-disabled { opacity: .4;}
.tabs-container {border-top: 1px solid #97a5b0;padding: 1em 8px;background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */}
.tabs-loading em {padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%;}

/**************************************
	Treeview
/**************************************/
.treeview, 
.treeview ul { padding: 0;margin: 0;list-style: none;}	

	.treeview li { margin: 0;padding: 3px 0pt 3px 16px;  background: url(images/tv-item.gif) 0 0 no-repeat; }

.treeview .collapsable { background-image: url(images/tv-collapsable.gif); }
.treeview .expandable { background-image: url(images/tv-expandable.gif); }
.treeview .last { background-image: url(images/tv-item-last.gif); }
.treeview .lastCollapsable { background-image: url(images/tv-collapsable-last.gif); }
.treeview .lastExpandable { background-image: url(images/tv-expandable-last.gif); }
		
		